/*Summer Solstice/Kubelversary theme Another Color - Midsummer Haze
Arcana: 19. The Sun
Alignment: Pumpkin/Full - Harvest Moon
A theme of emptying beaches, sunset, and melons, with increased firepower.
Going back so soon... You aren't planning to let someone else make those memories in your stead, right?
"Just making sure you're paying attention."
meiQts 25.6.13
*/


@font-face {
    font-family: 'Meiryo';
    src: url('https://megidochan.de/static/fonts/meiryo.ttf') format('truetype');
    font-style: normal;
}


@keyframes cloudScroll {
  0% {
        transform: translateX(0);
    }

 50% {
         transform: translateX(-50%)
    }
    100% {
        transform: translateX(0%);
    }
}
 

@keyframes heatWobble {
  0% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(0.9);
  }
  8% {
    transform: translate(0.3px, -0.3px) scale(1.003);
    filter: blur(0.6px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.91);
  }
  16% {
    transform: translate(-0.4px, 0.5px) scale(1.002);
    filter: blur(0.4px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.93);
  }
  24% {
    transform: translate(0.2px, -0.2px) scale(1.004);
    filter: blur(0.6px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.96);
  }
  32% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.95);
  }
 33% {
    transform: translate(0, 0) scale(1);
    filter: blur(2.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.95);
	 background-image: url('https://megidochan.de/static/themes/sun/maje_e2.png');)
  }
 41% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.95);
  }
  49% {
    transform: translate(0.3px, -0.3px) scale(1.003);
    filter: blur(0.6px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.97);
  }
  57% {
    transform: translate(-0.4px, 0.5px) scale(1.002);
    filter: blur(0.4px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.93);
  }
  65% {
    transform: translate(0.2px, -0.2px) scale(1.004);
    filter: blur(0.6px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.96);
  }
  66% {
    transform: translate(0, 0) scale(1);
    filter: blur(2.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.95);
	background-image: url('https://megidochan.de/static/themes/sun/maje_e3.png');
  }
   }
 74% {
    transform: translate(0, 0) scale(1);
    filter: blur(0.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.95);
  }
  82% {
    transform: translate(0.3px, -0.3px) scale(1.003);
    filter: blur(0.6px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.97);
  }
  90% {
    transform: translate(-0.4px, 0.5px) scale(1.002);
    filter: blur(0.4px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.93);
  }
  98% {
    transform: translate(0.2px, -0.2px) scale(1.004);
    filter: blur(0.6px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.96);
  }
   100% {
    transform: translate(0.2px, -0.2px) scale(1.00);
    filter: blur(2.5px) sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.96);
	background-image: url('https://megidochan.de/static/themes/sun/maje_e1.png');
  }
}




@keyframes rotateBeams {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



body {
 background:
    radial-gradient(
      circle at 14% 0%,  
      #FF6B6B 33%,
      #FF8E3C 70%,
      rgba(255, 255, 255, 0.0) 95%
    ),
    #FFD56B; 
  background-attachment: fixed;
  color: #a04c1f;
font-family: 'Meiryo';
}

body::before {
  content: "";
  position: fixed;
  opacity: 0.85;
  width: 220%;           
  height: 105vh;
  bottom: 0vh;
  background-image: url('https://megidochan.de/static/themes/sun/clouds.svg');
  background-repeat: repeat;
  background-size: cover; 
  animation: cloudScroll 480s linear infinite;
  pointer-events: none;
  z-index: -11;
filter: blur(3px) brightness(.7)brightness(70%) sepia(100%) saturate(1.5) hue-rotate(330deg);
  mix-blend-mode: screen;
}


html::before{
  content: "";
  position: fixed;
  opacity: 0.65;
  width: 260%;           
  height: 100vh;
  bottom: 0vh;
  background-image: url('https://megidochan.de/static/themes/sun/waves1.svg');
  background-repeat: repeat;
  background-size: cover; 
  animation: cloudScroll 64s linear infinite;
  pointer-events: none;
  z-index: -1;
filter: grayscale(100%) contrast(150%) brightness(70%) sepia(100%) saturate(1.5) hue-rotate(302deg) blur(1px)
}

body::after{
  content: "";
  position: fixed;
  opacity: 0.99;
  width: 100%;           
  height: 100%;
  bottom: -6vh;
  left: 56%;
  background-image: url('https://megidochan.de/static/themes/sun/maje_e1.png');
  background-repeat: no-repeat;
background-size: contain; 
  pointer-events: none;
  z-index: -2;
  animation: heatWobble 15s ease-in-out infinite;
filter: sepia(0.15) saturate(200%) hue-rotate(350deg) brightness(.93);
}


html::after {
  content: "";
  position: fixed;
  opacity: 0.85;
  width: 320%;           
  height: 130vh;
  bottom: 0vh;
  background-image: url('https://megidochan.de/static/themes/sun/waves1.svg');
  background-repeat: repeat;
  background-size: cover; 
  animation: cloudScroll 94s linear infinite;
  pointer-events: none;
  z-index: -3;
filter: grayscale(100%) contrast(150%) brightness(60%) sepia(100%) saturate(2.5) hue-rotate(298deg) blur(1px);
}


span.name {
    font-weight: bold;
    color: #f5e2d2!important;
}


p.intro {
 background: rgba(235,41,84, 0.9);
    z-index: 1;
    padding: 4px;
    padding-top: 6px;
    padding-bottom: 3px;
    border-radius: 12px;
    color: #fefefe;
    text-align: center;
  text-shadow: none;
font-family: 'GenEiLate';

}



div.post.reply {
    color: #a04c1f;
    border: 0px solid rgba(255,122,96,0.6);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,106,127,0.82) 0%, rgba(255,181,80,0.82) 100%);
box-shadow: 0 0 4px #ffc56a, 0 0 12px #ffc56a;
}


div.post.reply:hover {
    color: #efefef;
    text-shadow: 0 0 2px #ffc56a;
     border: 0px solid rgba(255,120,60,0.75);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,86,63,0.88) 0%, rgba(245,26,143,0.88) 100%);
box-shadow: 0 0 4px rgba(255,120,60,0.75), 0 0 20px rgba(255,216,19,0.7);
transition: all 0.3s ease-in-out;
}

div.post.reply.highlighted {
    color: #efefef;
text-shadow: 0 0 2px #ffc56a;
    border: 0px solid rgba(255,120,60,0.75);
    border-radius: 12px;
    background: url('https://megidochan.de/static/themes/sun/ribbon.png') no-repeat,
linear-gradient(180deg, rgba(255,86,63,0.88) 0%, rgba(245,26,143,0.88) 100%);
background-position: top 25px right, center;
background-size: 96px, auto;
box-shadow: 0 0 4px rgba(255,120,60,0.75), 0 0 20px rgba(255,200,80,0.7);
transition: all 0.3s ease-in-out;
}


span.quote {
    color: #b13666;
   font-style: italic;
   text-shadow: 0 0 1px rgba(255, 255, 255, 0.6);
}

div.post.reply div.body a {
  color:#8c4e61; 
 text-shadow: 0px 0px 1px #f96320;

;}

a, div.boardlist a, a.unimportant, a:visited {
  color:#fefefe; 
 text-shadow: 1px 1px 2px #ffc56a;
;}

a:hover {
   color: #ffb97b !important; 
   text-decoration: underline;
}

::selection {
    background-color: #2ec0a0;
    color: #fffffa;
}


form table tr th {
    color: #eee;
background: linear-gradient(180deg, rgba(255,91,74,.8) 0%, rgba(255,29,138,.8) 100%);
    box-shadow: 0 0 4px rgba(255,122,96,0.6), 0 0 18px rgba(255,122,96,0.6);
   border-radius: 9px;
}



div.files img {
  padding: 12px;
  background:
 radial-gradient(
  circle at 50% 50%,
  #ff6e3c 1%,       /* rich center */
  #ff874d 45%,      /* juicy middle*/
  #ffd28a 98%,      /* mellow flesh */
  #e7fccc 100%      /* faint edge */
)
, 
  url('https://megidochan.de/static/themes/sun/seeds_c.png') repeat; 
  background-blend-mode: overlay; 
  border: 12px solid transparent; 
  border-image: url('https://megidochan.de/static/themes/sun/rind_c.png') 18 round; 
  border-radius: 26px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: transform 0.2s ease;
}

div.files img:hover {
  transform: scale(1.01) rotate(-.76deg);
}



.thread{
  left: 0;
  background: url('https://megidochan.de/static/themes/sun/sunbeams_dusk.png'), url('https://megidochan.de/static/themes/sun/sunbeams_dusk.png');
  background-attachment: fixed;
background-position: right 50%;
background-repeat: no-repeat;
}


hr {
  border: none;
  height: 32px;
  background-image: url('https://megidochan.de/static/themes/sun/hr.png');
background-repeat: repeat-x;
background-position: right;
background-size: 32px;
opacity: 75%;
}

div.banner {
background: linear-gradient(180deg, rgba(255,91,74,.8) 0%, rgba(255,29,138,.8) 100%);
    box-shadow: 0 0 4px rgba(255,122,96,0.6), 0 0 18px rgba(255,122,96,0.6);
    text-align: center;
    border: 0px solid #fff;
    color: #FFF;
    padding: 6px;
}

input[type="submit"], button {
    color: #FFF;
    border: 0px solid #000;
    background: linear-gradient(180deg, rgba(255,106,127,0.82) 0%, rgba(255,181,80,0.82) 100%);
    box-shadow: 0 0 4px rgba(255,122,96,0.6), 0 0 18px rgba(255,122,96,0.6);
    font-size: 12pt;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    margin: 2px;

}

input[type="submit"]:hover, button:hover {
    color: #FFF;
    background: linear-gradient(180deg, rgba(255,86,63,0.88) 0%, rgba(245,26,143,0.88) 100%);
    box-shadow: 0 0 4px rgba(255,120,60,0.75), 0 0 18px rgba(255,120,60,0.75);
}


div.pages {
    text-align: center;
    background: rgba(248, 248, 248, 0.8);
    padding: 4px;
    border-top: 2px inset #22808a;
    border-bottom: 2px inset #22808a;
    color: #ffaad4;

}

div.pages a {
    color: #22808a;
    padding: 2px 6px;
}


h1 {
  color: rgb(255,255,255);
    text-shadow: 0 0 4px rgba(255,122,96,0.6), 0 0 18px rgba(255,122,96,0.6);

}

div.ban h2 {
    background: rgba(181,36,72, 0.9);
    color: white;
    text-shadow: 0 0 4px rgba(255,122,96,0.6), 0 0 18px rgba(255,122,96,0.6);

    font-size: 12pt;}

div.module, div.ban {
    background: linear-gradient(180deg, rgba(255,106,127,0.82) 0%, 
    rgba(255,181,80,0.82) 100%);
    box-shadow: 0 0 4px rgba(255,122,96,0.6), 0 0 18px rgba(255,122,96,0.6);
}

header div.subtitle {
  color: rgb(26,26,26); 
  font-style: italic;}


.post-image {
    filter: saturate(110%) brightness(110%) contrast(105%);
    transition: filter 0.3s ease;
}

.post-emoji {
filter: saturate(105%) brightness(105%) contrast(105%);
    transition: filter 0.3s ease;
}

/*revert to on hover */
.post-image:hover {
    filter: none; 
}  
   
 p.unimportant {
 visibility: hidden;
 }




html {
  scrollbar-width: auto;
  scrollbar-color: rgba(245,43,97, 0.9) rgba(245,189,84, 0.85);
}